<template>
  <!-- 列表 -->
  <!-- <div class="cbox" @click="fun()"> -->
    <button class="cson" @click="fun()" >点我~子传父</button>
  <!-- </div> -->
</template>

<script>
export default {
  name: "Cson",
  // props:['conurl','img','title','describe'],
  data(){
    return {
      // title:"我是子组件的数据"
      short: [
    {
      "url":"https://juejin.cn/",
      "imgurl": "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg3.doubanio.com%2Flpic%2Fs26866793.jpg&refer=http%3A%2F%2Fimg3.doubanio.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642055412&t=41088f62cb58ee13ea2a82379c36ab92",
      "tit": "CSDN",
      "des": "开发者成长的社区"
    },
    {
      "url":"https://juejin.cn/",
      "imgurl": "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fgit.oschina.net%2Fuploads%2F85%2F1850385_gitee_gitee.png%3F1522479308&refer=http%3A%2F%2Fgit.oschina.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642055485&t=72b51a9fc61b21e23956601dfb292abb",
      "tit": "Gitee",
      "des": "开发者成长的社区"
    },
    {
      "url":"https://juejin.cn/",
      "imgurl": "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fdrupal.org%2Ffiles%2Fproject-images%2Fgithub_commits_logo_0.png&refer=http%3A%2F%2Fdrupal.org&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642055515&t=40dd31aac2a40123eb6980ad881cf28d",
      "tit": "GitHub",
      "des": "开发者成长的社区"
    },
    {
      "url":"https://juejin.cn/",
      "imgurl": "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi2.hdslb.com%2Fbfs%2Fface%2Fc22c8d877fc44a3ae1857d07fe0901cff0b984c1.jpg&refer=http%3A%2F%2Fi2.hdslb.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642041932&t=b4c25e364880e0131eb26d489b54091a",
      "tit": "稀土掘金",
      "des": "开发者成长的社区"
    },
    {
      "url":"https://juejin.cn/",
      "imgurl": "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01d1195c750489a801203d229f72a6.jpg%40750w_750h_1c_1e_1o_100sh.jpg&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642055567&t=6557f587aac3c85523636fc6b711d93d",
      "tit": "力扣",
      "des": "开发者成长的社区"
    },
    {
      "url":"https://unbug.github.io/codelf/",
      "imgurl": "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi2.hdslb.com%2Fbfs%2Fface%2Fc22c8d877fc44a3ae1857d07fe0901cff0b984c1.jpg&refer=http%3A%2F%2Fi2.hdslb.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642041932&t=b4c25e364880e0131eb26d489b54091a",
      "tit": "Ant Design",
      "des": "开源的代码起名工具"
    }
  ]
    }
  },
  methods:{
    fun(){
      this.$emit("emitcson",this.short )
    }
  },
  // created() {
  //   this.$store.dispatch("LINK_S_DATA","/short")
  // },
  //  computed:{
  //     csondata(){
  //       return this.$store.state.ShortM.short
  //     }
      
  //     // console.log(this.banners)
  //   }
};
</script>

<style scoped>

.cson {
  width: 93%;
  border: none;
  /* padding-top: 0.1rem; */
  margin: 0.1rem .15rem .05rem .15rem;
  text-align: center;
  color: rgb(255, 255, 255);
  height: .4rem;
  box-sizing: border-box;
  background: linear-gradient(40deg,rgba(255, 221, 183, 0.863),rgb(255, 131, 100));
  line-height: .4rem;
  border-radius: .1rem;
}
</style>